<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head lang="en">
		<meta charset="utf-8" />
		<title>ok</title>
		<link rel="stylesheet" type="text/css" href="../../css/public.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/proList.css" />
	</head>
	<body>
		<!----------------------------------------order------------------>
		<div class="head ding">
			<div class="wrapper clearfix">
				<div class="clearfix" id="top">
					<h1 class="fl"><a href="index"><img src="../../img/temp/logo2.png"/></a></h1>
					<div class="fr clearfix" id="top1">
						<p class="fl">
							<a href="login" id="login">登录</a>
							<a href="reg" id="reg">注册</a>
						</p>
						<form action="#" method="get" class="fl">
							<input type="text" placeholder="搜索" />
							<input type="button" />
						</form>
						<div class="btn fl clearfix">
							<a href="mygxin"><img src="../../img/grzx.png"/></a>
							<a href="#" class="er1"><img src="../../img/ewm.png"/></a>
							<a href="cart"><img src="../../img/gwc.png"/></a>
							<p><a href="#"><img src="../../img/smewm.png"/></a></p>
						</div>
					</div>
				</div>
				<ul class="clearfix" id="bott">
					<li><a href="index">首页</a></li>
					<li>
						<a href="#">所有商品</a>
						<div class="sList">
							<div class="wrapper  clearfix">
								<a href="paint">
									<dl>
										<dt><img src="../../img/nav1.jpg"/></dt>
										<dd>浓情欧式</dd>
									</dl>
								</a>
								<a href="paint">
									<dl>
										<dt><img src="../../img/nav2.jpg"/></dt>
										<dd>浪漫美式</dd>
									</dl>
								</a>
								<a href="paint">
									<dl>
										<dt><img src="../../img/nav3.jpg"/></dt>
										<dd>雅致中式</dd>
									</dl>
								</a>
								<a href="paint">
									<dl>
										<dt><img src="../../img/nav6.jpg"/></dt>
										<dd>简约现代</dd>
									</dl>
								</a>
								<a href="paint">
									<dl>
										<dt><img src="../../img/nav7.jpg"/></dt>
										<dd>创意装饰</dd>
									</dl>
								</a>
							</div>
						</div>
					</li>
					<li>
						<a href="flowerDer">装饰摆件</a>
						<div class="sList2">
							<div class="clearfix">
								<a href="proList">干花花艺</a>
								<a href="vase_proList">花瓶花器</a>
							</div>
						</div>
					</li>
					<li>
						<a href="decoration">布艺软饰</a>
						<div class="sList2">
							<div class="clearfix">
								<a href="zbproList">桌布罩件</a>
								<a href="bzproList">抱枕靠垫</a>
							</div>
						</div>
					</li>
					<li><a href="paint">墙式壁挂</a></li>
					<li><a href="perfume">蜡艺香薰</a></li>
					<li><a href="idea">创意家居</a></li>
				</ul>
			</div>
		</div>
		<div class="order mt cart">
			<div class="site">
				<p class="wrapper clearfix">
					<span class="fl">待支付</span>
					<img class="top" src="../../img/temp/cartTop03.png">
				</p>
			</div>
<!--			<p class="ok">支付成功！剩余<span>5</span>秒<a href="myorderq">返回订单页</a></p>-->
			<p class="ok">
				<img src="../../img/temp/payMoney.png">
			</p>
<!--			<p class="ok"><a href="myorderq">完成支付</a></p>-->
			<p class="ok"><a href="#" id="finishPay"><input  style="width:280px;
						            background-color: #C10000;
						            font-size: 20px;
						            border:none;
						            color:#fff;"
															 type="button" value="完成支付"></a></p>
			<p class="ok"><a href="#" id="laterPay">稍后再付</a></p>
		</div>
		<div class="like">
			<h4>猜你喜欢</h4>
			<div class="bottom">
				<div class="hd">
					<span class="prev"><img src="../../img/temp/prev.png"></span>
					<span class="next"><img src="../../img/temp/next.png"></span>
				</div>
				<div class="imgCon wrapper bd">
					<div class="likeList clearfix">
						<div>
							<a href="proDetail">
								<dl>
									<dt><img src="../../img/temp/like01.jpg"></dt>
									<dd>【最家】复古文艺风玻璃花瓶</dd>
									<dd>￥193.20</dd>
								</dl>
							</a>
							<a href="proDetail">
								<dl>
									<dt><img src="../../img/temp/like02.jpg"></dt>
									<dd>【最家】复古文艺风玻璃花瓶</dd>
									<dd>￥193.20</dd>
								</dl>
							</a>
							<a href="proDetail">
								<dl>
									<dt><img src="../../img/temp/like03.jpg"></dt>
									<dd>【最家】复古文艺风玻璃花瓶</dd>
									<dd>￥193.20</dd>
								</dl>
							</a>
							<a href="proDetail">
								<dl>
									<dt><img src="../../img/temp/like04.jpg"></dt>
									<dd>【最家】复古文艺风玻璃花瓶</dd>
									<dd>￥193.20</dd>
								</dl>
							</a>
							<a href="proDetail" class="last">
								<dl>
									<dt><img src="../../img/temp/like05.jpg"></dt>
									<dd>【最家】复古文艺风玻璃花瓶</dd>
									<dd>￥193.20</dd>
								</dl>
							</a>
						</div>
						<div>
							<a href="proDetail">
								<dl>
									<dt><img src="../../img/temp/like01.jpg"></dt>
									<dd>【最家】复古文艺风玻璃花瓶</dd>
									<dd>￥193.20</dd>
								</dl>
							</a>
							<a href="proDetail">
								<dl>
									<dt><img src="../../img/temp/like02.jpg"></dt>
									<dd>【最家】复古文艺风玻璃花瓶</dd>
									<dd>￥193.20</dd>
								</dl>
							</a>
							<a href="proDetail">
								<dl>
									<dt><img src="../../img/temp/like03.jpg"></dt>
									<dd>【最家】复古文艺风玻璃花瓶</dd>
									<dd>￥193.20</dd>
								</dl>
							</a>
							<a href="proDetail">
								<dl>
									<dt><img src="../../img/temp/like04.jpg"></dt>
									<dd>【最家】复古文艺风玻璃花瓶</dd>
									<dd>￥193.20</dd>
								</dl>
							</a>
							<a href="proDetail" class="last">
								<dl>
									<dt><img src="../../img/temp/like05.jpg"></dt>
									<dd>【最家】复古文艺风玻璃花瓶</dd>
									<dd>￥193.20</dd>
								</dl>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--footer-->
		<div class="footer">
			<div class="top">
				<div class="wrapper">
					<div class="clearfix">
						<a href="#2" class="fl"><img src="../../img/foot1.png"/></a>
						<span class="fl">7天无理由退货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="../../img/foot2.png"/></a>
						<span class="fl">15天免费换货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="../../img/foot3.png"/></a>
						<span class="fl">满599包邮</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="../../img/foot4.png"/></a>
						<span class="fl">手机特色服务</span>
					</div>
				</div>
			</div>
			<p class="dibu">最家家居&copy;2013-2017公司版权所有 京ICP备080100-44备0000111000号<br />
			违法和不良信息举报电话：188-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
		</div>
		<script src="../../js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../../js/sweetalert.min.js"></script>
		<script src="../../js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/pro.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/jquery.SuperSlide.2.1.1.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			jQuery(".bottom").slide({titCell:".hd ul",mainCell:".bd .likeList",autoPage:true,autoPlay:false,effect:"leftLoop",autoPlay:true,vis:1});
		</script>

	<script>
		$('#finishPay').click(function () {
			$.ajax({
				type: 'POST',
				url: '/front/finishPay',
				contentType: 'application/json',
				// data: JSON.stringify(cartIds),
				success:function (result) {
					if (result.code == 1){
						console.log("确认订单页面")

						swal({
							title: '付款成功',
							icon: 'success',
							text: result.message,
							button: {
								text: "确认",
								value: true,
							}
						}).then(function (isok) {
							if (isok) {
								location.href='/front/myorderq';
							}
						})
						// location.reload();

					}else {
						swal({
							title: '温馨提示',
							icon: 'warning',
							text: result.message,
							button: {
								text: "确认",
								value: true,
							}
						}).then(function (isok) {
							if (isok) {
								location.reload();
							}
						})
					}
				}

			});
		})

		$('#laterPay').click(function () {
			swal({
				title: '温馨提示',
				icon: 'warning',
				text: '您还未付款，请及时付款噢',
				button: {
					text: "确认",
					value: true,
				}
			}).then(function (isok) {
				if (isok) {
					location.href='/front/myorderq';
				}
			})

		})
	</script>
	</body>
</html>
